<div class="panel panel-default">
    <div class="panel-heading">
        <a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
           <i class="glyphicon glyphicon-th"></i> Calculator
        </a>
    </div>
    <div class="accordion-body collapse" id="collapse7">
        <div class="panel-body">
            <form name="Calc" id="calc">
                <div class="formSep input-group input-group-sm">
                    <input class="form-control" name="Input" type="text"/>
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" name="clear" value="c" onclick="Calc.Input.value = ''">
                            <i class="glyphicon glyphicon-remove"></i>
                        </button>
                    </span>
                </div>
                <div class="form-group">
                    <input class="btn form-control btn-default input-sm" name="seven" value="7" onclick="Calc.Input.value += '7'" type="button">
                    <input class="btn form-control btn-default input-sm" name="eight" value="8" onclick="Calc.Input.value += '8'" type="button">
                    <input class="btn form-control btn-default input-sm" name="nine" value="9" onclick="Calc.Input.value += '9'" type="button">
                    <input class="btn form-control btn-default input-sm" name="div" value="/" onclick="Calc.Input.value += ' / '" type="button">
                </div>
                <div class="form-group">
                    <input class="btn form-control btn-default input-sm" name="four" value="4" onclick="Calc.Input.value += '4'" type="button">
                    <input class="btn form-control btn-default input-sm" name="five" value="5" onclick="Calc.Input.value += '5'" type="button">
                    <input class="btn form-control btn-default input-sm" name="six" value="6" onclick="Calc.Input.value += '6'" type="button">
                    <input class="btn form-control btn-default input-sm" name="times" value="x" onclick="Calc.Input.value += ' * '" type="button">
                </div>
                <div class="form-group">
                    <input class="btn form-control btn-default input-sm" name="one" value="1" onclick="Calc.Input.value += '1'" type="button">
                    <input class="btn form-control btn-default input-sm" name="two" value="2" onclick="Calc.Input.value += '2'" type="button">
                    <input class="btn form-control btn-default input-sm" name="three" value="3" onclick="Calc.Input.value += '3'" type="button">
                    <input class="btn form-control btn-default input-sm" name="minus" value="-" onclick="Calc.Input.value += ' - '" type="button">
                </div>
                <div class="formSep form-group">
                    <input class="btn form-control btn-default input-sm" name="dot" value="." onclick="Calc.Input.value += '.'" type="button">
                    <input class="btn form-control btn-default input-sm" name="zero" value="0" onclick="Calc.Input.value += '0'" type="button">
                    <input class="btn form-control btn-default input-sm" name="DoIt" value="=" onclick="Calc.Input.value = Math.round( eval(Calc.Input.value) * 1000)/1000" type="button">
                    <input class="btn form-control btn-default input-sm" name="plus" value="+" onclick="Calc.Input.value += ' + '" type="button">
                </div>
                Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
            </form>
        </div>
     </div>
</div>
